<html>
  <head>
     <meta name="layout" content="main"/>
  </head>
  <body>
    <div class="nav">
      <ul>
         <li><a href="${createLink(uri:'/buscador/buscador') }">Home</a></li>
         <li><g:link class="create" action="create">Nueva Categoría</g:link> </li>
      </ul>
    </div>
    <div>
       <h6>Lista de Categorías</h6>
       <g:if test="${flash.message }">
           <div class="message">${flash.message}</div>
       </g:if>
       <g:if test="${categoriaInstanceList}"> 
	       <table id="dataTableWithOutSearch" cellpadding="0" class="table table-striped table-bordered dataTable">
	         <thead>
	           <tr>
	             <th>Nombre</th>
	             <th>Descripción</th>
	           </tr>
	         </thead>
	         <tbody>
               <g:each var="item" in="${categoriaInstanceList}">	         
		          <tr>
		            <td><g:link action="show" id="${item.id }" > ${item.nombre }</g:link></td>
		            <td>${item.descripcion }</td>
		          </tr>
		       </g:each>   
	         </tbody>
	       </table>
	   </g:if>    
    </div>
  </body>
</html>